<template>
  <div class="con" @scroll="zuobiao">
   <first-page/>
   <second-page />
   <third-page/>
   <four-page/>
   <five-page />
   <six-page/>
   <last-page />
   </div>
</template>

<script>
import FirstPage from './daohang/firstpage.vue'
import SecondPage from './daohang/secondpage.vue'
import ThirdPage from './daohang/thirpage.vue'
import FourPage from './daohang/fourpage.vue'
import FivePage from './daohang/fivepage.vue'
import SixPage from './daohang/sixpage.vue'
import LastPage from './daohang/lastypage.vue'
export default {
   name:'VueContainer',
   components: {
      FirstPage,
      SecondPage,
      ThirdPage,
      FourPage,
      FivePage,
      SixPage,
      LastPage
},
created(){
},
mounted(){


},
   data(){
      return{
         y:0
         }
   },
   methods:{
       zuobiao(){
         console.log(111)
            this.y=window.pageYOffset
            console.log(this.y)
       }
   }

}
</script>

<style>

</style>